@import "./quasar.variables.scss";
@import "~quasar/dist/quasar";
// @import '~quasar-addon-styl';

// 自定义的css
.tdf-button-shadow {
  box-shadow: $button-box-shadow;
}

.tdf-button-shadow:hover {
  box-shadow: $button-hover-box-shadow;
}

.tdf-box-shadow {
  box-shadow: $card-box-shadow;
}

.tdf-title-body {
  height: $card-title-height;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}

.tdf-label {
  width: 100px;
  height: $input-dense-height;
  line-height: $input-dense-height;
  padding-right: 15px;
  text-align: right;
}

.tdf-label--large {
  width: 150px;
  height: $input-dense-height;
  line-height: $input-dense-height;
  padding-right: 15px;
  text-align: right;
}
.cursor-pointer{
  cursor:pointer
}

// 修改quasar的css
// 修改 q-input dense 模式框的高度
.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height: $input-dense-height;
}

// 修改 q-input dense 模式下拉框的高度
.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native {
  min-height: $input-dense-height;
}

// 修改 q-input dense 模式 prefix suffix 的位置
.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input {
  line-height: 21px;
}

// 修改 q-notification 的高度
.q-notification--standard {
  padding: 0 16px;
  min-height: auto;
}

// 修改 q-table 的标题栏背景颜色、字体粗细
.q-table thead {
  background: $background-color;
  font-weight: 500;
}

// 修改 q-table 的标题栏高度
.q-table th {
  padding: 5px 10px;
}

// 修改 q-table 的 item 高度
.q-table td {
  padding: 2px 10px;
}

// 修改 q-table 左侧选择框选中后颜色
.q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg {
  background: var(--q-color-primary);
  border: 2px solid var(--q-color-primary);
}

// 修改 q-table 左侧选择框大小
.q-checkbox__bg {
  top: 30%;
  left: 30%;
  width: 45%;
  height: 45%;
}

// 全局的鼠标经过背景颜色
body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
  background: var(--q-color-primary);
}

// 修改 q-tabs 左右两侧指示器不居中问题
.q-tabs--horizontal .q-tabs__arrow {
  padding: 4px;
}
//a标签去掉下划线
.a-decoration-none {
  text-decoration: none;
}
a {
  text-decoration: none;
  color: #000000;
}